*
  margin 0
  padding 0

html,
body,
#app
  width 100%
  height 100%
  background url(./assets/images/bg.jpg)
  background-size 100% 100%
  background-position center center
  background-repeat no-repeat
  
/*滚动条样式*/
::-webkit-scrollbar
  width 8px !important
  height 8px !important
  background-color transparent !important

::-webkit-scrollbar-thumb
  border-radius 2px !important
  background rgba(0, 0, 0, .2) !important


body
  font-family 'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif
  background #fff
  color #ffffff
  user-select none

a
  text-decoration none

.block
  display block

.inline-block
  display inline-block

.section
  width 100%
  height auto
  min-height 100px
  padding 15px
  box-sizing border-box 
  background-color rgba(0,0,0,.44)
  border 1px solid rgba(55,85,218,.3)
  box-shadow 0 0 12px rgba(55,85,218,.3) inset
  position relative
  .border-row
    position absolute
    width 100%
    height 100%
    left 0 
    top 0
    z-index 10
    &:before
      position absolute
      left 0
      top 0
      width 20px
      height 100%
      border-top 1px solid #00a2ff
      border-bottom 1px solid #00a2ff
      content ""
      box-sizing border-box 
    &:after
      position absolute
      right 0
      top 0
      width 20px
      height 100%
      border-top 1px solid #00a2ff
      border-bottom 1px solid #00a2ff
      content ""
      box-sizing border-box 
  .border-col
    position absolute
    width 100%
    height 100%
    left 0 
    top 0
    z-index 10
    &:before
      position absolute
      left 0
      top 0
      height 20px
      width 100%
      border-left 1px solid #00a2ff
      border-right 1px solid #00a2ff
      content ""
      box-sizing border-box 
    &:after
      position absolute
      bottom 0
      left 0
      height 20px
      width 100%
      border-left 1px solid #00a2ff
      border-right 1px solid #00a2ff
      content ""
      box-sizing border-box 
  .section-header
    height 30px
    width 80%
    position relative
    border-bottom 1px solid #00a2ff
    margin 0 auto
    font-size 14px 
    font-weight bold
    color #ffffff
    text-align center
    line-height: 20px
    &::before
      position absolute
      left 0
      bottom -1.5px
      height 3px
      width 10px
      background-color #00a2ff
      content ""
    &::after
      position absolute
      right 0
      bottom -1.5px
      height 3px
      width 10px
      background-color #00a2ff
      content ""

.no-data
  text-align center
  position relative
  margin-top 40px
  color rgba(255,255,255,.3)

.section-header
    height 28px
    width 80%
    position relative
    border-bottom 1px solid #00a2ff
    margin 0 auto
    font-size 14px 
    font-weight bold
    color #ffffff
    text-align center
    line-height: 10px
    &::before
      position absolute
      left 0
      bottom -1.5px
      height 3px
      width 10px
      background-color #00a2ff
      content ""
    &::after
      position absolute
      right 0
      bottom -1.5px
      height 3px
      width 10px
      background-color #00a2ff
      content ""
